#main_onlinemessage{
	min-height: 800px;
	width: 80%;
	margin: 0 auto;
	display: flex;
    justify-content:center;
    align-items:Center;
}
#main_onlinemessage .main_l{
	box-sizing: border-box;
	float: left;
	width: 45%;
	border-right: 1px solid #666666;
	background: #F6F6F6;
	min-height: 400px;
	padding: 20px 20px 0px 20px;
}
#main_onlinemessage .main_l em{
	color: red;
}
#main_onlinemessage .main_l .ol-title{
	line-height: 30px;
	color: #059544;
}
#main_onlinemessage .main_l .ol-title-en{
	line-height: 26px;
	color: #059544;
}
#main_onlinemessage .main_l .ol-info{
	line-height: 22px;
}
#main_onlinemessage .main_l .msf-control input{
	font-size: 12px;
	width: 50%;
	height: 20px;
	margin: 5px 0;
	border: none;
	padding-left: 25px;
}

#main_onlinemessage .main_l .msf-control .js-theme{
	background:#FFFFFF url(../img/g6.png) no-repeat  5px center;
	background-size:15px 15px ;
}
#main_onlinemessage .main_l .msf-control .js-name{
	background:#FFFFFF url(../img/g7.png) no-repeat  5px center;
	background-size:15px 15px;
}
#main_onlinemessage .main_l .msf-control .js-phone{
	background:#FFFFFF url(../img/g8.png) no-repeat  5px center;
	background-size:15px 15px;
}
#main_onlinemessage .main_l .msf-control .js-email{
	background:#FFFFFF  url(../img/g9.png) no-repeat  5px center;
	background-size:15px 15px;
}
#main_onlinemessage .main_l .msf-control .js-address{
	background:#FFFFFF  url(../img/g10.png) no-repeat 5px center;
	background-size:15px 15px ;
}
#main_onlinemessage .main_l .msf-textarea-w textarea{
	font-size: 12px;
	width: 80%;
	height: 90px;
	border: none;
	padding-left: 25px;
	padding-top: 5px;
	background:#FFFFFF  url(../img/g11.png) no-repeat 5px 5px;
	background-size:15px 15px ;
}
#main_onlinemessage .main_l .msf-textarea-w em{
	display: block;
}
#main_onlinemessage .main_l .msf-btn-w {
	padding: 10px 0 0 20px ;
}
#main_onlinemessage .main_l .msf-btn-w .js-msf-sbt{
	color: #FFFFFF;
	padding: 5px 10px;
	background: #008000;
	border-radius: 5px;
	cursor:pointer;
}
#main_onlinemessage .main_l .msf-btn-w .js-msf-reset{
	color: #008000;
	padding: 5px 10px;
	background: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #008000;
	cursor:pointer;
}
#main_onlinemessage .main_r{
	float: left;
	box-sizing: border-box;
	padding: 20px;
	width: 45%;
	background: #F6F6F6;
	min-height: 400px;
}
#main_onlinemessage .main_r h3{
	line-height: 30px;
	color: #059544;
}
#main_onlinemessage .main_r h3 span{
	line-height: 24px;
	color: #059544;
}
#main_onlinemessage .main_r p{
	padding-left: 10%;
}

@media screen and (max-width: 768px){
	#main_onlinemessage{
		display: block;
	}
	#main_onlinemessage .main_l {
		float: none;
		border: none;
		margin: 0 auto 10px;
		width: 100%;
	}
	#main_onlinemessage .main_l em{
		display: block;
	}
	#main_onlinemessage .main_r {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
}
@media screen and (max-width: 520px){
	iframe{
		width: 100%;
		height: ;
	}
	#main_onlinemessage .main_l .msf-control input{
		width: 80%;
	}
}